<div class="page">
    <div class="return"><span>UVDetection_data</span>&nbsp;&nbsp;<button nz-button nzType="defalut" (click)="returnExtractDataset()">< 返回数据集配置</button></div>
    <div class="context">                     
        <div class="left">  
            <div class="infoTips" *ngIf="isTips" >
                <div><img src="../../../../../assets/images/info.png">&nbsp;&nbsp;&nbsp;&nbsp;系统已根据您标注的数据进行自动提取，请检查提取出的value值是否正确，若不正确您可以编辑并且修改。</div>
                <div><i nz-icon nzType="close" nzTheme="outline" (click)="closeTips()"></i></div>
            </div>       
            <img src="../../../../../assets/images/bgd.jpeg"> 
        </div>
        <div class="right">
            <div class="right-ctx">
                <div class="rightTitle">数据标注</div>                
                <div class="rightCtx" id="step1">
                    <div class="rightTitle item" (click)="addCode()"><img src="../../../../../assets/images/icon_add.png"/>&nbsp;&nbsp;预录入编号</div>  
                    <div class="rightinput" *ngFor="let item of codeList;let key=index;">
                        <nz-input-group [nzAddOnBefore]="prefixTemplate" class="ginput" (mouseover)="showCodeIcon(item.id)">
                            <input type="text" [attr.id]="item.id" nz-input value="{{ item.val }}" [readOnly]="showCodeEditIndex != item.id" [disabled]="showCodeEditIndex != item.id"                                  
                                 (blur)="disableCodeTxt(item.id)"/>
                        </nz-input-group>
                        <ng-template #prefixTemplate ><img src="../../../../../assets/images/sel.png"></ng-template>
                        <i *ngIf="showCodeIconIndex == item.id" nz-icon nzType="edit" nzTheme="outline" class="edit" (click)="editCode(item.id)"></i>
                        <img *ngIf="showCodeIconIndex == item.id" src="../../../../../assets/images/del.png" (click)="deleteCode(item)"/>
                    </div>
                    <div class="rightTitle item" (click)="addDept()"><img  src="../../../../../assets/images/icon_add.png"/>&nbsp;&nbsp;申报单位</div>  
                    <div class="rightinput" *ngFor="let item of deptList;let key=index;">
                        
                        <nz-input-group [nzAddOnBefore]="prefixTemplate" class="ginput" (mouseover)="showDeptIcon(item.id)">
                            <input type="text" [attr.id]="item.id" nz-input value="{{ item.val }}" [readOnly]="showDeptEditIndex != item.id" [disabled]="showDeptEditIndex != item.id"                                  
                                 (blur)="disableDeptTxt(item.id)"/>
                        </nz-input-group>
                        <ng-template #prefixTemplate ><img src="../../../../../assets/images/sel.png"></ng-template>
                        <i *ngIf="showDeptIconIndex == item.id" nz-icon nzType="edit" nzTheme="outline" class="edit" (click)="editDept(item.id)"></i>
                        <img *ngIf="showDeptIconIndex == item.id" src="../../../../../assets/images/del.png" (click)="deleteDept(item)"/>
                        
                    </div>
                </div>
            </div>
            <div class="right-btns">
                <button nz-button nzType="defalut" (click)="add()" class="add" id="step2">确认标注</button>
                <button nz-button nzType="defalut" (click)="deleteImg()">删除图片</button>
            </div>
        </div>
    </div>    
</div>
